// 外 & 内边距
$group-margin: 0, 1, 5, 10, 15, 20, 25, 30, 35, 40, 45, 50, 55, 60;
@each $val in $group-margin {
    // margin
    .m#{$val} {
        margin: #{$val}px !important;
    }
    .mt-#{$val} {
        margin-top: #{$val}px !important;;
    }
    .mr-#{$val} {
        margin-right: #{$val}px !important;;
    }
    .mb-#{$val} {
        margin-bottom: #{$val}px !important;;
    }
    .ml-#{$val} {
        margin-left: #{$val}px !important;;
    }

    // padding
    .p#{$val} {
        padding: #{$val}px !important;;
    }
    .pt-#{$val} {
        padding-top: #{$val}px !important;;
    }
    .pr-#{$val} {
        padding-right: #{$val}px !important;;
    }
    .pb-#{$val} {
        padding-bottom: #{$val}px !important;;
    }
    .pl-#{$val} {
        padding-left: #{$val}px !important;;
    }
}
